/* 页面整体布局 */
.page {
  display: flex;
   height: 100vh;
  flex-direction: column;
 position: relative;
  background-color: #f5f5f5;
}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
	 background: url('../../static/background.jpg'); 
	
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}

/* 聊天内容区域 */
.cu-chat {
	position: fixed;
	width: 100%;
	height:100vh ;
	top:193.6rpx;
  flex-grow: 1;
  overflow-y: auto;
  padding: 20rpx;
  background-color: #fff;
}

.cu-item {
  display: flex;
  align-items: center;
  margin: 10rpx 0;
 
}

.content {
  padding: 10rpx;
  background-color: #43D534;
  border-radius: 5rpx;
  max-width: 80%;
  word-wrap: break-word;
 text{
	
	font-size: 20.93rpx;
	font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Regular;
	font-weight: 400;
	text-align: left;
	color: #000000; 
 }
}

.cu-avatar {
  margin-left: 10rpx;
 width: 80.23rpx;
 height: 80.23rpx;
 background: rgba(0,0,0,0.00);
  border-radius: 50%;
  background-size: cover;
}

.date {
  margin-left: 10rpx;
  font-size: 24rpx;
  color: #999;
}

/* 输入区域 */
.cu-bar {
  position: fixed;
  bottom: 0;
   width: 100%;
   width: 750rpx;
  height: 102.91rpx;
  background: rgba(0,0,0,0.00);
  display: flex;
  align-items: center;
  padding: 10rpx;
  border-top: 1rpx solid #ddd;
}
text{
	font-size: 40rpx;
}
.solid-bottom {
  flex-grow: 1;
  padding: 8rpx;
  margin-right: 10rpx;
 
  border: 1rpx solid #ddd;
  font-size: 18rpx;
  background-color: #f0f0f0;
  align-items: center;
}

.cu-btn {
  padding: 10rpx 20rpx;
  background-color: #4CAF50;
  color: white;
  border-radius: 20rpx;
  border: none;
  font-size: 14rpx;
  cursor: pointer;
}

.cu-btn:hover {
  background-color: #45a049;
}

.action {
  margin-right: 10rpx;
  cursor: pointer;
  
}
